<template>
  <div>
    <t-dialog :title="title" ref="myDialog" width="40%" draggable >
      <template #content>
        <p>不能拖拽的dialog</p>
      </template>
      <!-- <template #footer>
        <el-button type="primary" size="default" @click="closeMyDialog">关闭1</el-button>
        <el-button type="primary" size="default" @click="closeMyDialog">确认1</el-button>
      </template> -->
    </t-dialog>
  </div>
</template>
 
<script setup>
const myDialog = ref(null)
const title = ref('')

const openMyDialog = (val) => {
  title.value = val.name + '--' + val.project
  myDialog.value.open()
}

const closeMyDialog = () => {
  myDialog.value.close()
}
 

defineExpose({
  openMyDialog,
  closeMyDialog
})

</script>
 
<style scoped lang="scss"></style>

